<template>
  <view class="content">
    <!-- 自定义导航栏 -->
    <view class="mine-head">
      <tm-navbar title="" transprent hideHome :leftWidth="100">
        <template #left>
          <text class="nav-left">我的</text>
        </template>
        <template #right>
          <view class="nav-right" :style="{ paddingRight: rightPadding + 20 + 'rpx' }">
            <!-- #ifdef APP-PLUS -->
            <tm-icon
              :font-size="40"
              _class="pr-10"
              color="#ffffff"
              name="tmicon-ellipsis-vertical"
              @click="moreButtonClick"
            ></tm-icon>
            <!-- #endif -->

            <tm-icon
              :font-size="40"
              color="white"
              name="tmicon-cog"
              @click="setButtonClick"
            ></tm-icon>
          </view>
        </template>
      </tm-navbar>
    </view>
  </view>
  <custon-share v-model:show="showShare"></custon-share>
</template>
<script setup lang="ts">
import { torpx } from "../../../tmui/tool/function/util";
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
let rightPadding = 0;
const showShare = ref(false);
// #ifdef MP-WEIXIN
rightPadding = 750 - torpx(uni.getMenuButtonBoundingClientRect().left);
// #endif
//设置按钮的点击事件
function setButtonClick() {
  uni.navigateTo({
    url: "/pages_mine/set-view/set-view"
  });
}
function moreButtonClick() {
  showShare.value = true;
}

onLoad(() => {});
</script>
<style lang="scss" scoped>
.content {
  height: 100vh;
}
.nav-left {
  color: white;
  font-size: 34rpx;
  font-weight: bold;
  padding-left: 20rpx;
}
.nav-right {
  color: white;
  display: flex;
}
.mine-head {
  background-color: skyblue;
}
</style>
